@import 'variables.less';
@import 'base.less';

.secondPage{
  display: flex;
  flex-direction: column;
  .module {
    padding: 5px;
    &:nth-of-type(1){
      height: calc(100% / 5 * 3 - 5px);
      margin-bottom: 5px;
      .top-chart{
        width: 100%;
        height: 70%;
      }
      .top-table{
        width: 100%;
        height: 30%;
      }
    }
    &:nth-of-type(2){
      flex-grow: 1;
    }
  }
}

.thirdPage{
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  .module{
    width: calc(100% / 4 - 10px);
    height: calc(100% / 3 - 10px);
    min-width: 200px;
    min-height: 150px;
    margin: 5px;
    padding: 5px;
    flex-grow: 1;
    background-color: rgba(0, 51, 102, 0.4);
  }
}

.fourthPage{
  flex-direction: column;
}

.print-wrap{
  //width: 100%;
  //height: 100%;
  //padding: 5px;
  //position: relative;
  //color: #000;
  //overflow: auto;

  .pttable{
    width: 100%;
    overflow-x: auto;
    display: none;
  }
}

@media print{
  @page {
    size: A4 landscape;  /*A4纸，横向打印*/
    margin: 5px ; /*页边距*/
  }
  .printBreak{
    page-break-before: always;
  }
  .print-wrap{
    background-color: #fff;
    color: #000;
  }
  .layui-table{
    color: #000;
  }
  .print-wrap table.printhide + div.layui-table-view{
    display: none;
  }
  .print-wrap .printshow{
    display: block !important;
  }
}